<nz-breadcrumb>
  <nz-breadcrumb-item>
    用户
  </nz-breadcrumb-item>
</nz-breadcrumb>

<div>
  <nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton">
    <input
      type="text"
      nz-input
      [(ngModel)]="keyword"
      (keyup.enter)="onClickSearch()"
      placeholder="请输入昵称、手机号码"
    />
  </nz-input-group>
  <ng-template #suffixIconButton>
    <button nz-button nzType="primary" nzSearch (click)="onClickSearch()">
      <i nz-icon nzType="search"></i>搜索
    </button>
  </ng-template>
</div>

<nz-table
  [nzData]="data"
  [nzFrontPagination]="false"
  [nzLoading]="loading"
  [nzTotal]="total"
  [nzPageSize]="pageSize"
  [(nzPageIndex)]="pageIndex"
  (nzQueryParams)="onQueryParamsChange()"
>
  <thead>
    <tr>
      <th>账号(openid)</th>
      <th>昵称</th>
      <th>手机号码</th>
      <th>创建时间</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of data">
      <td>{{ item.openid }}</td>
      <td>{{ item.nickName }}</td>
      <td>{{ item.phoneNumber }}</td>
      <td>{{ item._id | objectidToTime }}</td>
      <td>
        <!-- <a (click)="onClickEditItem(item)">编辑</a>
        <nz-divider nzType="vertical"></nz-divider> -->
        <a
          class="delete"
          nz-popconfirm
          nzPopconfirmTitle="确定删除这个洗车点？"
          (nzOnConfirm)="onConfirm(item._id)"
          >删除</a
        >
      </td>
    </tr>
  </tbody>
</nz-table>
